<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="/struts-tags" prefix="s"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Great Taste| Mail Us :: sherrychean</title>
<!-- for-mobile-apps -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Great Taste Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
		function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- //for-mobile-apps -->
<link href="page/css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<link href="page/css/style.css" rel="stylesheet" type="text/css" media="all" />
<!-- js -->
<script src="page/js/jquery-1.11.1.min.js"></script>
<!-- //js -->
<link href='//fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic' rel='stylesheet' type='text/css'>
<link href='//fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'>
<link href='//fonts.googleapis.com/css?family=Comfortaa:400,300,700' rel='stylesheet' type='text/css'>
</head>

<body>
	<!-- banner-body -->
	<div class="banner-body">
		<div class="container">
			<div class="banner-body-content">
				<div class="col-xs-3 banner-body-left">
					<div class="logo">
						<h1>
							<a href="GetRand">Great <span>Taste</span></a>
						</h1>
					</div>
					<div class="top-nav">
						<nav class="navbar navbar-default">
						<div class="navbar-header">
							<button type="button" class="navbar-toggle collapsed"
								data-toggle="collapse"
								data-target="#bs-example-navbar-collapse-1">
								<span class="sr-only">Toggle navigation</span> <span
									class="icon-bar"></span> <span class="icon-bar"></span> <span
									class="icon-bar"></span>
							</button>
						</div>

						<div class="collapse navbar-collapse nav-wil"
							id="bs-example-navbar-collapse-1">
							<nav class="stroke">
							<ul class="nav navbar-nav">
								<li><a href="GetRand" class="hvr-underline-from-left"><i
										class="home1"></i>Home</a></li>
								<li><a href="plan.jsp" class="hvr-underline-from-left"><i
										class="picture1"></i>Plan</a></li>
								<li><a href="mail.html" class="hvr-underline-from-left"><i
										class="envelope1"></i>Mail US</a></li>
							</ul>
							</nav>
						</div>
						<!-- /.navbar-collapse --> </nav>
					</div>
				</div>
				<div class="col-xs-9 banner-body-right">
					<div class="gallery-head">
						<h5>推荐方案</h5>
						<br> <br>
					</div>
					<div class="latest-news">
						<h2>汇总</h2>
						<p>
							所给总预算：￥
							<s:property value="collectData.money" />
							<br> 本次消费总金额:￥
							<s:property value="collectData.Cost" />
							<br> 总天数:
							<s:property value="collectData.day" />
							<br> 占总预算:
							<s:property value="collectData.Percentage"/>%
						</p>
						<br> <br>
						<h2>方案</h2>
						<p>
							<s:iterator value="listDaymeal" status="L" var="Daymeal">
								<a href="GetDayPlan?dayId=${L.index}">第${L.index+1}天</a>&nbsp;
								&nbsp;总花费:￥<s:property value="cost"/>,总卡路里:<s:property value="calorie"/>千卡<br>
							</s:iterator>
						
						<br><h3></h3>
					</p></div>

				</div>

				<div class="clearfix"></div>
				<div class="col-xs-3 banner-body-left">
					<div class="latest-news">
						<h2>生活小贴士</h2>
						<div class="panel-group" id="accordion" role="tablist"
							aria-multiselectable="true">
							<div class="panel panel-default">
								<div class="panel-heading" role="tab" id="headingOne">
									<h4 class="panel-title">
										<a role="button" data-toggle="collapse"
											data-parent="#accordion" href="#collapseOne"
											aria-expanded="true" aria-controls="collapseOne"> First </a>
									</h4>
								</div>
								<div id="collapseOne" class="panel-collapse collapse in"
									role="tabpanel" aria-labelledby="headingOne">
									<div class="panel-body">常吃宵夜会得胃癌，因为胃得不到休息.</div>
								</div>
							</div>
							<div class="panel panel-default">
								<div class="panel-heading" role="tab" id="headingTwo">
									<h4 class="panel-title">
										<a class="collapsed" role="button" data-toggle="collapse"
											data-parent="#accordion" href="#collapseTwo"
											aria-expanded="false" aria-controls="collapseTwo"> Second
										</a>
									</h4>
								</div>
								<div id="collapseTwo" class="panel-collapse collapse"
									role="tabpanel" aria-labelledby="headingTwo">
									<div class="panel-body">一星期只能吃四颗蛋，吃太多对身体不好.</div>
								</div>
							</div>
							<div class="panel panel-default">
								<div class="panel-heading" role="tab" id="headingThree">
									<h4 class="panel-title">
										<a class="collapsed" role="button" data-toggle="collapse"
											data-parent="#accordion" href="#collapseThree"
											aria-expanded="false" aria-controls="collapseThree">
											Third </a>
									</h4>
								</div>
								<div id="collapseThree" class="panel-collapse collapse"
									role="tabpanel" aria-labelledby="headingThree">
									<div class="panel-body">早上醒来先喝一杯水，预防结石.</div>
								</div>
							</div>
						</div>
						<div class="join">
							<a href="#">Learn More</a>
						</div>
					</div>
				</div>
				<div class="col-xs-9 banner-body-right">
					<div class="blog">
						<s:iterator value="listMeals" var="Meal">
							<h3>
							
								<s:if test='#Meal.type.equals("Breakfast")'>
								早餐:&nbsp;花费<s:property value="cost"/>元，<s:property value="calorie"/>千卡
								</s:if>
								<s:elseif test='#Meal.type.equals("Lunch")'>午餐:&nbsp;花费<s:property value="cost"/>元，<s:property value="calorie"/>千卡</s:elseif>
								<s:elseif test='#Meal.type.equals("Dinner")'>晚餐:&nbsp;花费<s:property value="cost"/>元，<s:property value="calorie"/>千卡</s:elseif>
								
							</h3><br>
							<s:if test='#Meal.type.equals("Breakfast")'>
							<s:iterator value='listFoodBreakfast' var="food">
								<div class="blog-grid">
									<div class="col-xs-4 blog-grid-left">
										<img src="img/<s:property value="picture"/>" alt="抱歉图片已丢失。。。"
											class="img-responsive" />
									</div>
									<div class="col-xs-8 blog-grid-right">
										<h4>
											<s:property value="name" />
										</h4>
										<p>
											价格:￥
											<s:property value="price" />
											<br> 卡路里:
											<s:property value="calorie" />
											千卡.<br> 蛋白质:
											<s:property value="protein" />
											克<br> 脂肪:
											<s:property value="fat" />
											克<br> 碳水化合物:
											<s:property value="carbohydra" />
											克
										</p>
										</p>
									</div>
									<div class="clearfix"></div>
								</div>
							</s:iterator>
							</s:if>
							<s:elseif test='#Meal.type.equals("Lunch")'>
								<s:iterator value='listFoodLunch' var="food">
								<div class="blog-grid">
									<div class="col-xs-4 blog-grid-left">
										<img src="img/<s:property value="picture"/>" alt="抱歉图片已丢失。。。"
											class="img-responsive" />
									</div>
									<div class="col-xs-8 blog-grid-right">
										<h4>
											<s:property value="name" />
										</h4>
										<p>
											价格:￥
											<s:property value="price" />
											<br> 卡路里:
											<s:property value="calorie" />
											千卡.<br> 蛋白质:
											<s:property value="protein" />
											克<br> 脂肪:
											<s:property value="fat" />
											克<br> 碳水化合物:
											<s:property value="carbohydra" />
											克
										</p>
										</p>
									</div>
									<div class="clearfix"></div>
								</div>
							</s:iterator>
							</s:elseif>
							<s:elseif test='#Meal.type.equals("Dinner")'>
								<s:iterator value='listFoodDinner' var="food">
								<div class="blog-grid">
									<div class="col-xs-4 blog-grid-left">
										<img src="img/<s:property value="picture"/>" alt="抱歉图片已丢失。。。"
											class="img-responsive" />
									</div>
									<div class="col-xs-8 blog-grid-right">
										<h4>
											<s:property value="name" />
										</h4>
										<p>
											价格:￥
											<s:property value="price" />
											<br> 卡路里:
											<s:property value="calorie" />
											千卡.<br> 蛋白质:
											<s:property value="protein" />
											克<br> 脂肪:
											<s:property value="fat" />
											克<br> 碳水化合物:
											<s:property value="carbohydra" />
											克
										</p>
										</p>
									</div>
									<div class="clearfix"></div>
								</div>
							</s:iterator>
							</s:elseif>
						</s:iterator>
					</div>
				</div>
				<div class="clearfix"></div>
				<div class="footer">
					<div class="footer-left">
						<ul>
							<li><a href="#">Privacy Policy</a>|</li>
							<li><a href="#">Terms of Use</a>|</li>
							<li><a href="mail.html">Contact Us</a></li>
						</ul>
						<p>© 2017 食物规划. All rights reserved | Design by SherryChean</p>
					</div>
					<div class="footer-right">
						<ul class="social-nav model-3">
							<li><a href="#">回到顶部</a></li>
						</ul>
					</div>
					<div class="clearfix"></div>
				</div>
			</div>
		</div>
	</div>
	<script src="page/js/bootstrap.js"></script>
</body>
</html>